/**
 * view sass for right middle
 */
.dv-main-layout {
  // Animations:: Focusing
  .view-rm.view-focusing {
    .brief-view-type-xs & {
      @keyframes enlarging_xs_rm {
        0% {
          @include movingAndScalingTransform(1, 0, 0);
        }
        100% {
          @include movingAndScalingTransform(
                          $view-xs-scale,
                          $view-pos-large-left - $view-pos-normal-xs-right-left,
                          $view-pos-large-top - $view-pos-normal-xs-middle-top
          );
        }
      }
      @include animation(enlarging_xs_rm $animation-duration)
    }
  }

  // Animations:: Focusing out
  .view-rm.view-focusing-out {
    .brief-view-type-xs & {
      @include animationRev(enlarging_xs_rm $animation-duration)
    }
  }

  .view-rm {
    // Animations:: dispersing
    .view-layout-dispersing.brief-view-type-xs & {
      @include movingKeyframes(
                      erasing_xs_rm, // animation name
                      0, // from x
                      0, // from y
                      $view-xs-width + $view-gutter-xs-ps, // to x
                      0 // to y
      );
      @include animation(erasing_xs_rm $animation-duration);
    }

    // Animations:: tiling
    .view-layout-tiling.brief-view-type-xs & {
      @include animationRev(erasing_xs_rm $animation-duration)
    }
  }
}